<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.div1{
				width: 150px;
				height: 150px;
				background-color: #808080;
				text-align: center;
				line-height:50px;
				text-align: center;
			}
			.div2{
				/* border: 1px solid red; */
				width: 50px;
				height: 50px;
				background-color: red;
				float: left;
			}
			.div3{
				/* border: 1px solid green; */
				width: 50px;
				height: 50px;
				background-color: red;
				float: right;
			}
			.div4{
				/* border: 1px solid blue; */
				width: 50px;
				height: 50px;
				background-color: white;
				float: left;
				
			}
			.div5{
				/* border: 1px solid pink; */
				width: 50px;
				height: 50px;
				background-color: white;
				float: right;
			}
			.div6{
				/* border: 1px solid yellow; */
				width: 50px;
				height: 50px;
				background-color: white;
				float: left;
			}
			.div7{
				/* border: 1px solid yellow; */
				width: 50px;
				height: 50px;
				background-color: red;
				float: left;
			}
			.div8{
				/* border: 1px solid yellow; */
				width: 50px;
				height: 50px;
				background-color: red;
				float: left;
			}
			.div9{
				/* border: 1px solid yellow; */
				width: 50px;
				height: 50px;
				background-color: white;
				float: left;
			}
			.div10{
				/* border: 1px solid yellow; */
				width: 50px;
				height: 50px;
				background-color: red;
				float: left;
			}
		</style>
	</head>
	<body>
		<div class="div1">
			<div class="div2">链接</div>
			<div class="div3">链接</div>
			<div class="div4"></div>
			<div class="div5"></div>
			<div class="div6"></div>
			<div class="div7">链接</div>
			<div class="div8">链接</div>
			<div class="div9"></div>
			<div class="div10">链接</div>
		</div>
	</body>
</html>
